<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %> 
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>  
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

<script>
	$(function() {
		var id = '${id}';
		var writer = '${boardCommand.writer}';
		
		if(id == writer){
			$('#delete_btn').show();
			$('#update_btn').show();
		}else if(id == 'admin'){
			$('#delete_btn').show();
			$('#update_btn').hide();
		}else{
			$('#delete_btn').hide();
			$('#update_btn').hide();
		}
		
		$( "#accordion" ).accordion({
			heightStyle: "content"
		});
  });
 </script>

<div class="container">

<div id="allDiv">

<ul class="nav nav-tabs">
	<li class="active"><a href="#tab1" data-toggle="tab"><img src="./image/title_img5.jpg"></a></li>
	<li><a href="#tab2" data-toggle="tab"><img src="./image/title_img12.jpg"></a></li>
</ul>

	<div class="tab-content">
	
	<!-- 자유게시판 -->
	<div class="tab-pane active" id="tab1">
		
	<!-- 게시판 테이블 -->
	<form:form commandName="boardCommand" role="form" class="form-horizontal" 
				name="detailForm" id="detailForm" action="adminDetailBoard.do" method="post">
		<form:hidden path="num" value="${boardCommand.num}"/>
		<div class="form-group bottom">
			<label for="subject" class="col-md-3 col-xs-3 col-sm-3 control-label bgcolor">제목</label>
			<label for="subject" id="label" class="col-md-9 col-xs-9 col-sm-9 control-label">${boardCommand.subject}</label>
		</div>
		<div class="form-group bottom">
			<label for="writer" class="col-md-3 col-xs-3 col-sm-3 control-label bgcolor">작성자</label>
			<label for="writer" id="label" class="col-md-3 col-xs-3 col-sm-3 control-label">${boardCommand.writer}</label>
			<label for="reg_date" class="col-md-3 col-xs-3 col-sm-3 control-label bgcolor">작성일</label>
			<label for="reg_date" id="label" class="col-md-3 col-xs-3 col-sm-3 control-label">
				<fmt:formatDate value="${boardCommand.reg_date}" pattern="yyyy-MM-dd"/></label>
		</div>
		<div class="form-group bottom">
			<label for="content" class="col-md-3 col-xs-3 col-sm-3 control-label bgcolor contentSize">내용</label>
			<div class="col-md-8 col-xs-8 col-sm-8">
				${boardCommand.content}
			</div>
		</div>
			
		<div style="padding-top:10px">
			<div class="col-md-9 col-xs-9 col-sm-9" align="right">
			</div>
			<div class="col-md-1 col-xs-1 col-sm-1 nopadding" align="right" id="update_btn">
				<input type="button" class="btn btn-info btn-sm" value="글 수정" onclick="location.href='adminUpdateBoard.do?num=${boardCommand.num}'">
			</div>
			<div class="col-md-1 col-xs-1 col-sm-1 nopadding" align="center" id="delete_btn">
				<input type="button" id="delete" class="btn btn-danger btn-sm" value="삭제" onclick="location.href='adminDeleteBoard.do?num=${boardCommand.num}'">
			</div>
			<div class="col-md-1 col-xs-1 col-sm-1 nopadding" align="left">
				<input type="button" class="btn btn-default btn-sm" value="목록으로" onclick="location.href='adminBoard.do'">
			</div>
		</div>
	</form:form>
	</div>
	
	<!-- 자주 묻는 질문 -->
	<div class="tab-pane" id="tab2">
		<div id="accordion">
		  <h3>포인트 받을 수 있는 방법은 어떤 게 있나요?</h3>
		  <div>
		    <p>포인트 지급 조건은 다음과 같습니다.<br>
		    	&nbsp;1. 회원가입시 300point<br>
		    	&nbsp;2. 로그인시 50point<br><br>
		    	포인트 차감 조건은 다음과 같습니다.<br>
		    	&nbsp;1. 쪽지보내기 20point<br>
		    	&nbsp;2. 호감가는 이성 찜하기시 5point</p>
		  </div>
		  <h3>선물하기는 어떻게 이용하나요?</h3>
		  <div>
		    <p>원하시는 쿠폰을 구매하셔서 본인이 직접 사용하거나, 호감가는 이성에게 선물하실 수 있습니다.<br>
		    	구매는 포인트로 가능합니다.<br><br>
		    	맘에 드는 이성에게 선물하기로 마음을 표현해보세요!</p>
		  </div>
		  <h3>SomeTalk 안내</h3>
		  <div>
		    <p>옆구리가 시린 분들을 위한 사이트입니다. 호감가는 이성에게 쪽지,1:1대화,선물하기까지!!
		    	저희 SomeTalk 사이트에서는 아래의 메뉴를 이용하실 수 있습니다.</p>
		    <ul>
		      <li>마이페이지</li>
		      <li>쪽지함</li>
		      <li>1:1대화</li>
		      <li>이성목록</li>
		      <li>자유게시판</li>
		      <li>선물하기</li>
		      <li>신고하기</li>
		    </ul>
		  </div>
		</div>
	</div>
	
	</div>
	
</div>
</div>